<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				var oInput = document.getElementById("range");
//				oninput 当表单在输入的时候触发
				oInput.oninput = function(){
					console.log(this.value);
				}
				var oSe = document.getElementById("city");
//				select表单的值发生变化的时候触发
				oSe.onchange = function(){
					console.log(this.value);
				}
			}
		</script>
	</head>
	<body>
		<!--不对表单进行验证 novalide="novalide"-->
		<form action="" novalidate="novalidate">
			邮箱<input type="email" name="" id="" /><br />
			网址 <input type="url" name="" id="" /><br />
			数字 <input type="number" value="0" step="2" min="0" max="10" name="" id="" /><br />
			范围 <input id="range" type="range" max="10" min="0" value="0" step="0.1" name="" id="" /><br />
			城市 <select name="" id="city">
				<option value="北京">北京</option>
				<option value="上海">上海</option>
			</select>
			<input type="submit" value="提交" />
		
		
		
		
		
		
		
		
		
		</form>
	</body>
</html>
